#sc_drag_area_protector div{
  border-radius: 0px 0px;
  margin:0;
  /*max-width:100%;*/
  min-width: 1px;
}

#sc_drag_area {
  height:100px;
  left:150px;
  position: absolute;
  top:100px;
  width:250px;
  z-index: 9999;
}
#sc_drag_container {
  border: 1px solid #0000FF;
  
  cursor: crosshair ;
  
  height: 100% ;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative ;
  width: 100%;
  z-index:9997;
}
#sc_drag_area_protector {
  border-radius: 0px 0px;
  display: block;
  height:100%;
  left:0;
  top:0;
  position: fixed;
  width:100%;
  z-index:8500;
  margin: 0;
  
  min-width: 1px;
  overflow: hidden;
}
#sc_drag_size {
  background-color: rgba(44, 44, 44, 0.5);
  color:#ffffff;
  font-family: arial,san-serif;
  font-weight:bold;
  font-size:12px;
  height:18px;
  min-width:65px !important;
  left:0px;
  line-height:18px;
  position:absolute;
  padding-left:4px;
  padding-right:4px;
  text-align:center;
  top: -18px;
  white-space: nowrap;
  z-index:9998;
}
#sc_drag_cancel, #sc_drag_crop {
  background-color: rgba(0, 0, 0, 0.5);
  cursor:pointer;
  color:#ffffff;
  font-size:12px;
  font-family: arial,san-serif;
  font-weight:bold;
  height:38px;
  line-height:22px;
  position:absolute ;
  z-index:9998;
  text-indent: -10000;
  background-repeat: no-repeat;
}
#sc_drag_crop {
  bottom:-50px;
  text-align: center;
  right:0px;
  min-width: 86px !important;
  padding: 0 0px;
  background-position: bottom right;
}
#sc_drag_crop:hover{
  background-position: top right;
}
#sc_drag_cancel {
  bottom:-50px;
  text-align: center;
  right:86px;
  min-width: 59px !important;
  padding: 0 0px;
  background-position: top left;
}
#sc_drag_cancel:hover{
  background-position: bottom left;
}

#sc_drag_shadow_top, #sc_drag_shadow_bottom, #sc_drag_shadow_left, #sc_drag_shadow_right {
  background-color: #000000;
  opacity: 0.5;
  position: absolute;
  z-index:7000;
  border: 0;
  cursor: crosshair;
}
#sc_drag_shadow_top {
  left: 0;
  top: 0;
}
#sc_drag_shadow_bottom {
  bottom: 0;
  right: 0;
}
#sc_drag_shadow_left {
  bottom: 0;
  left: 0;
}
#sc_drag_shadow_right {
  right: 0;
  top: 0;
}
#sc_drag_north_east, #sc_drag_north_west, #sc_drag_south_east, #sc_drag_south_west  {
  border:1px solid #FFFFFF;
  background-color: #0000FF;
  height: 5px;
  position: absolute;
  width: 5px;
  z-index:9998;
}
#sc_drag_north_east {
  cursor: ne-resize ;
  right: -4px ;
  top: -3px;
}
#sc_drag_north_west {
  cursor: nw-resize ;
  left: -3px ;
  top: -3px;
}
#sc_drag_south_east {
  bottom: -4px;
  cursor: se-resize ;
  right: -4px ;
}
#sc_drag_south_west {
  bottom: -4px;
  cursor: sw-resize ;
  left: -3px ;
}

.sc_tip_save_status {
  position :fixed;
  border-radius: 4px 4px;
  height: 30px;
  line-height: 30px;
  text-indent: 1em;
  width: 200px;
  background: #fff1a8;
  color: #000000;
  top:5px;
  left:45%;
  font-size: 12px;
}

.sc_tip_save_status a{
  text-decoration: underline;
  color: #2A5DB0;
}
#shitu_progress_wrapper{
  position: fixed;
  height: 100%;
  width: 100%;
  top:0;
  left:0;
  background: rgba(0, 0, 0, 0.5);
  z-index:10000;
}
#shitu_progress_total{
  position: relative;
  top:50%;
  height:9px;
  width:140px;
  margin: 0 auto;
  background: #fff;
  border: 2px solid #fff;
  border-radius: 3px;
}
#shitu_progress_complete{
  position: relative;
  height:100%;
  width:0%;
  background: #ef4c3c;
  border-radius: 3px;
  -webkit-transition-property:width;
  -webkit-transition-duration:0.3s;
}
#shitu_progress_num{
  position: absolute;
  white-space: nowrap;
  position: absolute;
  top:-20px;
  color: #fff;
  right: 0;
  font-weight: bold;
}
#shitu_progress_tip_txt{
  position: absolute;
  bottom: -28px;
  font-size: 17px;
  color: #fff;
  left: 47px;
  font-weight: bold;
}
#shitu_fake_page{
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 8499;
  top:0;
  left:0;
}
